/* 字体大小适配样式 */
/* 解决屏幕太小、文字太大的适配问题 */

/* 超小屏幕设备 - 字体适配 */
@media screen and (max-width: 479px) {
  /* 全局字体大小调整 */
  html {
    font-size: 14px;
  }
  
  body {
    font-size: 12px;
  }
  
  h1 {
    font-size: 24px;
  }
  
  h2 {
    font-size: 20px;
  }
  
  h3 {
    font-size: 18px;
  }
  
  h4 {
    font-size: 16px;
  }
  
  h5 {
    font-size: 14px;
  }
  
  h6 {
    font-size: 13px;
  }
  
  /* Element Plus 组件字体调整 */
  .el-button {
    font-size: 12px;
  }
  
  .el-input__inner,
  .el-textarea__inner {
    font-size: 12px;
  }
  
  .el-select__inner {
    font-size: 12px;
  }
  
  .el-table {
    font-size: 11px;
  }
  
  .el-table .el-table__header-wrapper th,
  .el-table .el-table__body-wrapper td {
    font-size: 11px;
  }
  
  .el-pagination {
    font-size: 12px;
  }
  
  .el-dialog__title {
    font-size: 16px;
  }
  
  .el-drawer__title {
    font-size: 16px;
  }
  
  .el-card__header {
    font-size: 14px;
  }
  
  /* 减小内边距和外边距 */
  .el-card__header {
    padding: 8px 12px;
  }
  
  .el-card__body {
    padding: 12px;
  }
  
  .el-form-item {
    margin-bottom: 12px;
  }
  
  .el-form-item__label {
    font-size: 12px;
    padding: 0 0 4px 0;
  }
}

/* 小屏幕设备 - 字体适配 */
@media screen and (min-width: 480px) and (max-width: 767px) {
  html {
    font-size: 15px;
  }
  
  body {
    font-size: 13px;
  }
  
  h1 {
    font-size: 26px;
  }
  
  h2 {
    font-size: 22px;
  }
  
  h3 {
    font-size: 20px;
  }
  
  h4 {
    font-size: 18px;
  }
  
  h5 {
    font-size: 16px;
  }
  
  h6 {
    font-size: 14px;
  }
  
  .el-table {
    font-size: 12px;
  }
  
  .el-table .el-table__header-wrapper th,
  .el-table .el-table__body-wrapper td {
    font-size: 12px;
  }
  
  .el-card__header {
    font-size: 15px;
  }
}

/* 平板设备 - 字体适配 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 16px;
  }
  
  body {
    font-size: 14px;
  }
  
  h1 {
    font-size: 28px;
  }
  
  h2 {
    font-size: 24px;
  }
  
  h3 {
    font-size: 22px;
  }
  
  h4 {
    font-size: 20px;
  }
  
  h5 {
    font-size: 18px;
  }
  
  h6 {
    font-size: 16px;
  }
  
  .el-table {
    font-size: 13px;
  }
}

/* 大屏幕设备 - 字体适配 */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  html {
    font-size: 17px;
  }
  
  body {
    font-size: 15px;
  }
}

/* 超大屏幕设备 - 字体适配 */
@media screen and (min-width: 1280px) {
  html {
    font-size: 18px;
  }
  
  body {
    font-size: 16px;
  }
  
  h1 {
    font-size: 32px;
  }
  
  h2 {
    font-size: 28px;
  }
  
  h3 {
    font-size: 24px;
  }
  
  h4 {
    font-size: 22px;
  }
  
  h5 {
    font-size: 20px;
  }
  
  h6 {
    font-size: 18px;
  }
}